<template>
  <div class="Notify">
      <slot name="content"></slot>
  </div>
</template>

<script>
    export default {
        name: 'Notify',
        data() {
            return {

            }
        }
    }
</script>

<style scoped>
    .Notify{
        position: absolute;
        top: 50vh;
        left: 50vw;
        transform: translateX(-50%) translateY(-50%);
        padding: 0 40px;
        border: 12px solid #fff;
        border-radius: 30px;
        text-align: center;
        white-space: nowrap;
        line-height: 2;
        font-weight: bold;
        background-color: #ffd24d;
        z-index: 12;
    }
</style>
